@import "../../var";
@import "../../mixin";
.gzl-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9;
  .gzl-actions__mask {
    width: 100%;
    height: 100%;
    background: $clr-black;
    opacity: 0;
    transition: all 0.3s;
    &.show {
      opacity: 0.2;
    }
  }
  .gzl-actions__box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: $clr-bg;
    transform: translateY(100%);
    transition: all 0.3s;
    &.show {
      transform: translateY(0);
    }
  }
  .gzl-actions__cell {
    position: relative;
    background: $clr-white;
    line-height: px(49);
    font-size: px(18);
    text-align: center;
    &:not(:first-child):after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      border-bottom: 1px solid $clr-ge;
    }
  }
  .gzl-actions__ft {
    height: px(49);
    line-height: px(49);
    margin-top: px(8);
    background: #fff;
    text-align: center;
    font-size: px(18);
  }
}